<!DOCTYPE html>
<html lang="en" style="font-size: 55px;"><head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=0, user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">
	<title>完善资料</title>
	<link rel="stylesheet" type="text/css" href="../../Public/css/reset.css">
	<link rel="stylesheet" type="text/css" href="../../Public/css/main.css">
	<link rel="stylesheet" type="text/css" href="../../Public/css/list.css">
	<link rel="stylesheet" type="text/css" href="../../Public/css/my.css">
	<script type="text/javascript" src="../../Public/js/jquery-2.1.4.min.js"></script>
	<script type="text/javascript" src="../../Public/js/rem.js"></script>
	<script src="../../Public/seltime/js/lCalendar.js"></script>
    <link rel="stylesheet" href="../../Public/seltime/css/lCalendar.css">
	<style>
		.select_style{
			overflow: hidden;
			width:4rem;
			float:left
		}
		.select_style select{
			margin-left:0.25rem;
			border:none;
			width:5rem;
			color: #333;
		}
		.selarea{
			margin-left:0.25rem;
			border:none;
		}
	</style>
</head>
<body class="b3">
	<!-- head start -->
	<header class="header psa clear bg-color1 bg-color3">
		<span class="back-button" onclick="history.go(-1)">
			<i></i>
			添加会员
		</span>
	</header>
	<!-- head end -->

	<!-- content start -->
	<section class="mt9">
		<form  class="js-ajax-form" action="" method="post">
		<ul class="authentication">
			
			<li>
				<p>会员昵称:</p>
				<input type="text" name="nicename" placeholder="请输入昵称" value="">
			</li>
			<li>
				<p>登陆密码:</p>
				<input  type="password"  name="birthday" value="" placeholder="请输入密码"  />
			</li>
			
			<li>
				<p>邮件地址:</p>
				<input type="text" name="email" value="" placeholder="请输入邮箱">
				<span class="edit_email"><a style="color: #00A2CA;" href="updateEmail.html">修改</a></span>
			</li>
			<li>
				<p>性别:</p>
				<input style="width:0.23rem" type="radio" name="sex" />
				<input type="text" value="保密"  style="width:0.55rem">
				<input style="width:0.23rem" type="radio" name="sex" />
				<input type="text" value="男"  style="width:0.25rem">
				<input style="width:0.23rem" type="radio" name="sex" />
				<input type="text" value="女" style="width:0.25rem">
			</li>
			<li>
				<p>QQ:</p>
				<input type="text" placeholder="请输入QQ" style="width:2rem" class="fr" value="" name="landline_hm">
			</li>
			<li>
				<p>手机号码:</p>
				<input type="text" name="mobile"  placeholder="请输入手机号" >

			</li>
			
			<li>
				<p>QQ号码:</p>
				<input type="text" name="user_qq" placeholder="请输入qq号码" value="">
			</li>
		</ul>
		<button class="info-perf-button set_password_btn" type="submit">保存</button>
		</form>
	</section>
	<!-- content end -->
<script src="__TMPL__Public/js/layer_mobile/layer.js"></script>
<script>
		<if condition="$province gt 0">
		updateCitiesData({$province});
		<if condition="$city gt 0">
		$("#citySelect").find("option[value='{$city}']").attr("selected",true);
		</if>
		<if condition="$area gt 0">
		$("#areaSelect").find("option[value='{$area}']").attr("selected",true);
		</if>
		updateAreaName();
		</if>

        function updateCitiesData(provinceAreaCode){ 
			$.ajax({
				   url:"/index.php?g=User&m=Center&a=getCitiesData",
				   type: "POST",
				   data: {provinceAreaCode:provinceAreaCode},
				   async:false,
				   success: function(data){
					   if(data!=''){
						 $("#citySelect").show();
						 $("#citySelect").html(data.info);
					  }else{
						 $("#citySelect").hide();
					  }
				   }
			});
			$("#citySelect").trigger('onchange');
		}   
		
		function updateCountriesData(cityAreaCode){
			$.ajax({
					url:"/index.php?g=User&m=Center&a=getCitiesData",
				   type: "POST",
				   data: {provinceAreaCode:cityAreaCode},
				   async:false,
				   success: function(data){
					      if(data!=''){
							 $("#areaSelect").show();
							 $("#areaSelect").html(data.info);
						  }else{
							 $("#areaSelect").hide();
						  }
				   }
			});
			$("#areaSelect").trigger('onchange');
		}
		function updateAreaName(){
			$("#area_name").val($("#provinceSelect").find("option:selected").text()+' '+$("#citySelect").find("option:selected").text()+' '+$("#areaSelect").find("option:selected").text());
		} 


	 $(function(){			
			 $('.edit_mobile').on("click",function(){
			         layer.open({
						content: '手机号码暂时不能修改'
						,skin: 'msg'
						,time: 1 //2秒后自动关闭
					});
			 });
	      
	  });
</script>
<script>
	var calendar = new lCalendar();
	calendar.init({
		'trigger': '#demo1',
		'type': 'date'
	});
	var calendardatetime = new lCalendar();
	calendardatetime.init({
		'trigger': '#demo2',
		'type': 'datetime'
	});
	var calendartime = new lCalendar();
	calendartime.init({
		'trigger': '#demo3',
		'type': 'time'
	});

	<if condition="$province gt 0">
	updateCitiesData({$province});
	<if condition="$city gt 0">
	$("#citySelect").find("option[value='{$city}']").attr("selected",true);
	</if>
	<if condition="$area gt 0">
	$("#areaSelect").find("option[value='{$area}']").attr("selected",true);
	</if>
	updateAreaName();
	</if>
</script>

</body></html>